<template>
  <upload-excel :on-success="handleSuccess" />
</template>

<script>
import { reqImportEmployee } from '@/api/employees'
import moment from 'moment'
export default {
  name: 'Import',
  computed: {
    type() {
      return this.$route.query.type
    }
  },
  methods: {
    async handleSuccess({ header, results }) {
      if (this.type === 'user') {
        // 基于这两个数据，发送请求，进行批量数据的录入
      // 1. 封装接口
      // 2. 读出来是中文属性的对象，需要得到一个个英文属性的对象
      // 3. 转换完成，调用接口

        // 中英对应关系表
        const userRelations = {
          '入职日期': 'timeOfEntry',
          '手机号': 'mobile',
          '姓名': 'username',
          '转正日期': 'correctionTime',
          '工号': 'workNumber',
          '聘用形式': 'formOfEmployment',
          '部门': 'departmentName'
        }

        // 对数组的对象，每一项都要做处理，得到一个新数组 map
        const arr = results.map(item => {
        // 遍历item对象，将所有的键进行处理，所有的值保留
          const tempObj = {}

          // 将item中的所有属性，拷贝到tempObj身上
          for (const key in item) {
          // key是中文的键，希望换成英文的键
            const englishKey = userRelations[key]

            // 如果英文的键 是 correctionTime 或 timeOfEntry 说明值需要加工
            if (englishKey === 'correctionTime' || englishKey === 'timeOfEntry') {
            // 需要加工 （44631）
              tempObj[englishKey] = this.formatWithMoment(item[key])
            } else {
            // 不需要加工 （财务部）
              tempObj[englishKey] = item[key]
            }
          }

          // map方法，会将返回的所有的值，作为数组的项，收集起来
          return tempObj
        })

        // 调用批量导入的接口
        await reqImportEmployee(arr)

        // 批量导入成功
        this.$message.success('批量导入成功')

        // 跳转到员工页去看看
        this.$router.push('/employees')
      }

      if (this.type === 'social') {
        // 社保处理
      }
    },

    formatWithMoment(numb) {
      // 1. 首页 excel 而言, 1900-01-01 就已经是 1 了，所以要减 1
      // 2. 世纪闰年，每四百年一次，2000年就是一个世纪闰年，还要减 1
      return moment('1900-01-01').add(numb - 2, 'days').format('YYYY-MM-DD')
    },

    // 调用方式 this.formatExcelDate(45535, '-') => '2022-07-28'
    formatExcelDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1) // 毫秒
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
